<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新华书店网上商城—图书商业的先行者：最新、正版、全品类</title>
    <link rel="icon" href="./images/bitbug_favicon.ico">
    <link rel="stylesheet" href="./css/Homepage.css">
    <link rel="stylesheet" href="./font_2481939_cgiqmkfadol/iconfont.css">

</head>
<body>
    <div class="headerBox"></div>
    <script src="./libs/jquery.js"></script>
    <script>
        $(".headerBox").load("http://localhost:3000/public/header.html .ly_header", function(){
            console.log("请求成功并渲染成功之后的功能")
            $(".header_img").children("img").click(function(){
                alert(1)
            })
        })

    </script>
    <div class="page auto clearfix">
        <div class="menu">
            <ul >
                <li>
                    <div class="SecondaryMenu">
                        <ul>
                            <li class="fisrt_li">
                                <h3>热门图书</h3>
                                <a href="#">解忧杂货铺</a>
                                <a href="#">浮生六记</a>
                                <a href="#">自在独行</a>
                                <a href="#">三体</a>
                                <a href="#">围城</a>
                                <a href="#">摆渡人</a>
                            </li>
                            <li>
                                <h3>小说</h3>
                                <a href="./productList.html">中国小说</a>
                                <a href="./productList.html">外国小说</a>
                            </li>
                            <li>
                                <h3>文学</h3>
                                <a href="#">外国文学</a>
                                <a href="#">中国文学</a>
                                <a href="#">文学理论</a>
                            </li>
                            <li>
                                <h3>艺术</h3>
                                <a href="#">摄影</a>
                                <a href="#">鉴赏收藏</a>
                                <a href="#">艺术概论</a>
                                <a href="#">音乐舞蹈</a>
                                <a href="#">书法篆刻</a>
                                <a href="#">戏剧影视</a>
                                <a href="#">绘画雕塑</a>
                            </li>
                            <li>
                                <h3>传记</h3>
                                <a href="#">传记</a>
                            </li>
                        </ul>
                    </div> 
                    <div class="submenu">
                        <a href="#" class="submenu_title">文学艺术</a>
                        <ul>
                            <li>
                                <a href="#">小说</a>
                            </li>
                            <li>
                                <a href="#">文学</a>
                            </li>
                            <li>
                                <a href="#">艺术</a>
                            </li>
                            <li>
                                <a href="#">传记</a>
                            </li>
                        </ul>
                        <div class="direction"></div>
                    </div>
                </li>
                <li>
                    <div class="SecondaryMenu">
                        <ul>
                            <li>
                                <h3>历史</h3>
                                <a href="#">世界史</a>
                                <a href="#">中国史</a>
                                <a href="#">考古文物</a>
                                <a href="#">史学理论</a>
                            </li>
                            <li>
                                <h3>哲学宗教</h3>
                                <a href="#">中国哲学</a>
                                <a href="#">西方哲学</a>
                                <a href="#">哲学总论</a>
                                <a href="#">马列著作</a>
                                <a href="#">逻辑学</a>
                                <a href="#">宗教</a>
                                <a href="#">伦理学</a>
                                <a href="#">美学</a>
                            </li>
                            <li>
                                <h3>法律</h3>
                                <a href="#">法律法规</a>
                                <a href="#">法学理论</a>
                                <a href="#">法律科普</a>
                                <a href="#">中国法律</a>
                                <a href="#">外国及澳港台法律</a>
                                <a href="#">宗教</a>
                                <a href="#">伦理学</a>
                                <a href="#">美学</a>
                            </li>
                            <li>
                                <h3>心理</h3>
                                <a href="#">心理学百科</a>
                                <a href="#">变态/病态心理学</a>
                            </li>
                            <li>
                                <h3>政治军事</h3>
                                <a href="#">党政读物</a>
                                <a href="#">中国政治</a>
                                <a href="#">世界政治</a>
                                <a href="#">中国军事</a>
                                <a href="#">军事理论</a>
                                <a href="#">国际关系</a>
                                <a href="#">政治理论</a>
                            </li>
                            <li>
                                <h3>社会科学</h3>
                                <a href="#">社会科学总论</a>
                                <a href="#">社会学</a>
                                <a href="#">语言文字</a>
                            </li>
                            <li>
                                <h3>文化</h3>
                                <a href="#">文化理论</a>
                                <a href="#">民族/民俗文化</a>
                                <a href="#">地域文化</a>
                                <a href="#">文化研究与交流</a>
                            </li>
                        </ul>
                    </div>
                    <div class="submenu">
                        <a href="#" class="submenu_title">人文社科</a>
                        <ul>
                            <li>
                                <a href="#">历史</a>
                            </li>
                            <li>
                                <a href="#">哲学宗教</a>
                            </li>
                            <li>
                                <a href="#">心理</a>
                            </li>
                        </ul>
                        <div class="direction"></div>
                    </div>
                </li>
                <li>
                    <div class="SecondaryMenu">
                        <ul>
                            <li>
                                <h3>儿童文学</h3>
                                <a href="#">中国儿童文学</a>
                                <a href="#">外国儿童文学</a>
                                <a href="#">童话寓言</a>
                            </li>
                            <li>
                                <h3>动漫绘本</h3>
                                <a href="#">儿童绘本</a>
                            </li>
                            <li>
                                <h3>启蒙益智</h3>
                                <a href="#">益智游戏</a>
                                <a href="#">书法绘画</a>
                                <a href="#">艺术培养</a>
                                <a href="#">识字说话</a>
                                <a href="#">科普百科</a>
                                <a href="#">低幼读物</a>
                            </li>
                            <li>
                                <h3>技能培养</h3>
                                <a href="#">艺术培养</a>
                                <a href="#">书法绘画</a>
                                <a href="#">少儿技能</a>
                            </li>
                        </ul>
                    </div>
                    <div class="submenu">
                        <a href="#" class="submenu_title">少儿童书</a>
                        <ul>
                            <li>
                                <a href="#">儿童文学</a>
                            </li>
                            <li>
                                <a href="#">科普百科</a>
                            </li>
                        </ul>
                        <div class="direction"></div>
                    </div>
                </li>
                <li>
                    <div class="SecondaryMenu">
                        <ul>
                            <li>
                                <h3>中小学教育</h3>
                                <a href="#">小学数学</a>
                                <a href="#">小学语文</a>
                                <a href="#">小学教材</a>
                                <a href="#">初中语文</a>
                                <a href="#">初中数学</a>
                                <a href="#">初中英语</a>
                                <a href="#">初中理化</a>
                                <a href="#">初中教材</a>
                                <a href="#">高中语文</a>
                                <a href="#">高中数学</a>
                                <a href="#">高中外语</a>
                                <a href="#">高中理化</a>
                            </li>
                            <li>
                                <h3>外语学习</h3>
                                <a href="#">英语</a>
                                <a href="#">小语种</a>
                            </li>
                            <li>
                                <h3>大中专教材</h3>
                                <a href="#">大学教材</a>
                                <a href="#">成人教育</a>
                            </li>
                            <li>
                                <h3>字典词典</h3>
                                <a href="#">字典词典、工具书</a>
                            </li>
                            <li>
                                <h3>考试</h3>
                                <a href="#">计算机类</a>
                                <a href="#">其他语种</a>
                                <a href="#">其他考试</a>
                            </li>
                        </ul>
                    </div>
                    <div class="submenu">
                        <a href="#" class="submenu_title">教育考试</a>
                        <ul>
                            <li>
                                <a href="#">中小教辅</a>
                            </li>
                            <li>
                                <a href="#">外语学习</a>
                            </li>
                        </ul>
                        <div class="direction"></div>
                    </div>
                </li>
                <li>
                    <div class="SecondaryMenu">
                        <ul>
                            <li>
                                <h3>管理</h3>
                                <a href="#">市场营销</a>
                                <a href="#">管理学</a>
                                <a href="#">公共关系</a>
                                <a href="#">旅游管理</a>
                                <a href="#">生产管理</a>
                                <a href="#">工商管理</a>
                                <a href="#">企业经营管理</a>
                            </li>
                            <li>
                                <h3>经济</h3>
                                <a href="#">中国经济</a>
                                <a href="#">世界经济</a>
                                <a href="#">工业经济</a>
                                <a href="#">贸易</a>
                                <a href="#">交通经济</a>
                                <a href="#">企业经济</a>
                                <a href="#">产业经济</a>
                            </li>
                            <li>
                                <h3>金融会计</h3>
                                <a href="#">金融</a>
                                <a href="#">会计</a>
                            </li>
                            <li>
                                <h3>成功励志</h3>
                                <a href="#">成功励志</a>
                            </li>
                        </ul>
                    </div>
                    <div class="submenu">
                        <a href="#" class="submenu_title">经济金融</a>
                        <ul>
                            <li>
                                <a href="#">管理</a>
                            </li>
                            <li>
                                <a href="#">经济</a>
                            </li>
                            <li>
                                <a href="#">金融会计</a>
                            </li>
                        </ul>
                        <div class="direction"></div>
                    </div>
                </li>
                <li>
                    <div class="SecondaryMenu">
                        <ul>
                            <li>
                                <h3>时尚娱乐</h3>
                                <a href="#">服饰搭配</a>
                                <a href="#">休闲游戏</a>
                                <a href="#">美容护肤</a>
                            </li>
                            <li>
                                <h3>家庭家居</h3>
                                <a href="#">宠物</a>
                                <a href="#">家庭家饰</a>
                                <a href="#">家庭园艺</a>
                                <a href="#">生活DIY</a>
                            </li>
                            <li>
                                <h3>养生保健</h3>
                                <a href="#">健康百科</a>
                                <a href="#">家庭保障</a>
                            </li>
                            <li>
                                <h3>烹饪美食</h3>
                                <a href="#">家常菜谱</a>
                                <a href="#">茶酒饮品</a>
                                <a href="#">烘焙甜点</a>
                            </li>
                            <li>
                                <h3>育儿早教</h3>
                                <a href="#">育儿百科</a>
                                <a href="#">家庭教育</a>
                            </li>
                            <li>
                                <h3>体育运动</h3>
                                <a href="#">体育理论与规则</a>
                                <a href="#">球类运动</a>
                                <a href="#">其他运动</a>
                            </li>
                            <li>
                                <h3>旅游地图</h3>
                                <a href="#">国外游</a>
                                <a href="#">旅游随笔/摄影</a>
                                <a href="#">地图</a>
                            </li>
                        </ul>
                    </div>
                    <div class="submenu">
                        <a href="#" class="submenu_title">生活休闲</a>
                        <ul>
                            <li>
                                <a href="#">烹饪美食</a>
                            </li>
                            <li>
                                <a href="#">育儿早教</a>
                            </li>
                        </ul>
                        <div class="direction"></div>
                    </div>
                </li>
                <li>
                    <div class="SecondaryMenu">
                        <ul>
                            <li>
                                <h3>工业科技</h3>
                                <a href="#">轻工业</a>
                                <a href="#">机械工业</a>
                                <a href="#">化学工业</a>
                                <a href="#">电子通讯</a>
                                <a href="#">能源</a>
                                <a href="#">交通运输</a>
                                <a href="#">航空航天</a>
                                <a href="#">矿业工程</a>
                            </li>
                            <li>
                                <h3>建筑</h3>
                                <a href="#">建筑理论与文化</a>
                                <a href="#">建筑设计</a>
                                <a href="#">建筑工程</a>
                                <a href="#">水利水电</a>
                            </li>
                            <li>
                                <h3>医学</h3>
                                <a href="#">基础医学</a>
                                <a href="#">临床医学</a>
                                <a href="#">中医</a>
                                <a href="#">医药</a>
                                <a href="#">外科学</a>
                                <a href="#">内科学</a>
                                <a href="#">儿科学</a>
                                <a href="#">妇产科学</a>
                            </li>
                            <li>
                                <h3>自然科学</h3>
                                <a href="#">自然科普</a>
                                <a href="#">数学</a>
                                <a href="#">物理</a>
                                <a href="#">化学</a>
                                <a href="#">生物科学</a>
                                <a href="#">天文地理</a>
                                <a href="#">其他自然科学</a>
                            </li>
                        </ul>
                    </div>
                    <div class="submenu">
                        <a href="#" class="submenu_title">科学技术</a>
                        <ul>
                            <li>
                                <a href="#">工业科技</a>
                            </li>
                            <li>
                                <a href="#">建筑</a>
                            </li>
                            <li>
                                <a href="#">医学</a>
                            </li>
                        </ul>
                        <div class="direction"></div>
                    </div>
                </li>
                <li>
                    <div class="SecondaryMenu">
                        <ul>
                            <li>
                                <h3>文学艺术</h3>
                                <a href="#">艺术</a>
                                <a href="#">外国文学</a>
                                <a href="#">文学</a>
                                <a href="#">中国文学</a>
                            </li>
                            <li>
                                <h3>经济金融</h3>
                                <a href="#">经济</a>
                                <a href="#">金融</a>
                                <a href="#">管理</a>
                                <a href="#">励志成功</a>
                            </li>
                            <li>
                                <h3>人文社科</h3>
                                <a href="#">历史</a>
                                <a href="#">政治军事</a>
                                <a href="#">哲学</a>
                                <a href="#">社会科学</a>
                                <a href="#">宗教术学</a>
                                <a href="#">心理学</a>
                                <a href="#">文化</a>
                                <a href="#">工具书</a>
                            </li>
                            <li>
                                <h3>生活休闲</h3>
                                <a href="#">旅游地图</a>
                                <a href="#">烹饪美食</a>
                                <a href="#">养生保健</a>
                                <a href="#">时尚娱乐</a>
                            </li>
                            <li>
                                <h3>教育专区</h3>
                                <a href="#">中小学辅导</a>
                                <a href="#">教学教参</a>
                                <a href="#">学科专业杂志</a>
                                <a href="#">外语学习</a>
                            </li>
                            <li>
                                <h3>少儿童书</h3>
                                <a href="#">少儿启蒙</a>
                                <a href="#">少儿百科</a>
                                <a href="#">动漫绘本</a>
                                <a href="#">少儿文学</a>
                            </li>
                            <li>
                                <h3>自然科学</h3>
                                <a href="#">物理</a>
                                <a href="#">其他</a>
                            </li>
                            <li>
                                <h3>新时代 新经典</h3>
                                <a href="#">学习经典</a>
                            </li>
                            <li>
                                <h3>其他</h3>
                                <a href="#">其他</a>
                            </li>
                        </ul>
                    </div>
                    <div class="submenu">
                        <a href="#" class="submenu_title">电子书</a>
                        <div class="direction"></div>
                    </div>
                </li>
                <li>
                    <div class="SecondaryMenu">
                        <ul>
                            <li>
                                <h3>米面杂粮</h3>
                                <a href="#">杂粮</a>
                                <a href="#">大米</a>
                                <a href="#">小米</a>
                                <a href="#">豆类</a>
                                <a href="#">面粉</a>
                                <a href="#">其他粮食</a>
                                <a href="#">粮食干货礼盒</a>
                            </li>
                            <li>
                                <h3>油</h3>
                                <a href="#">橄榄油</a>
                                <a href="#">食用油</a>
                                <a href="#">香油</a>
                                <a href="#">山茶油</a>
                            </li>
                            <li>
                                <h3>调味品</h3>
                                <a href="#">酱菜</a>
                                <a href="#">调味酱/酱料</a>
                                <a href="#">火锅底料</a>
                                <a href="#">乳制品</a>
                            </li>
                            <li>
                                <h3>方便速食</h3>
                                <a href="#">风味小吃</a>
                                <a href="#">方便面</a>
                                <a href="#">速食汤</a>
                                <a href="#">挂面/面条</a>
                            </li>
                            <li>
                                <h3>南北干货</h3>
                                <a href="#">粉丝粉条</a>
                                <a href="#">香菇</a>
                                <a href="#">木耳</a>
                                <a href="#">枸杞</a>
                            </li>
                            <li>
                                <h3>蛋制品</h3>
                                <a href="#">鸡蛋</a>
                                <a href="#">鸭蛋</a>
                            </li>
                            <li>
                                <h3>茗茶</h3>
                                <a href="#">红茶</a>
                                <a href="#">绿茶</a>
                                <a href="#">茉莉花茶</a>
                                <a href="#">花草茶</a>
                                <a href="#">普洱茶</a>
                                <a href="#">乌龙茶</a>
                                <a href="#">其他茶叶</a>
                                <a href="#">白茶</a>
                            </li>
                            <li>
                                <h3>咖啡/饮料/麦片/冲饮</h3>
                                <a href="#">饮用水</a>
                                <a href="#">咖啡</a>
                                <a href="#">麦片</a>
                                <a href="#">冲饮</a>
                                <a href="#">果味饮料</a>
                                <a href="#">姜粉/姜茶</a>
                                <a href="#">碳酸饮料</a>
                                <a href="#">豆奶/豆粉</a>
                                <a href="#">谷物</a>
                                <a href="#">藕粉</a>
                            </li>
                            <li>
                                <h3>乳制品</h3>
                                <a href="#">牛奶</a>
                                <a href="#">酸奶</a>
                            </li>
                            <li>
                                <h3>零食坚果</h3>
                                <a href="#">蔬菜水果干</a>
                                <a href="#">海味即食</a>
                                <a href="#">肉干肉铺</a>
                                <a href="#">膨化食品</a>
                                <a href="#">糕点点心</a>
                                <a href="#">果冻布丁</a>
                                <a href="#">糖果/巧克力</a>
                                <a href="#">水果罐头</a>
                                <a href="#">蜜饯果干</a>
                                <a href="#">卤味零食</a>
                                <a href="#">豆干制品</a>
                                <a href="#">坚果炒货</a>
                            </li>
                            <li>
                                <h3>保健食品</h3>
                                <a href="#">营养膳食补充</a>
                                <a href="#">石斛</a>
                                <a href="#">灵芝</a>
                                <a href="#">蜂蜜</a>
                                <a href="#">阿胶</a>
                                <a href="#">燕窝</a>
                            </li>
                        </ul>
                    </div>
                    <div class="submenu">
                        <a href="#" class="submenu_title">食品保健</a>
                        <ul>
                            <li>
                                <a href="#">米面杂粮</a>
                            </li>
                            <li>
                                <a href="#">茗茶</a>
                            </li>
                            <li>
                                <a href="#">酒水</a>
                            </li>
                        </ul>
                        <div class="direction"></div>
                    </div>
                </li>
                <li>
                    <div class="SecondaryMenu">
                        <ul>
                            <li>
                                <h3>居家日用</h3>
                                <a href="#">暖手袋/热水袋</a>
                                <a href="#">眼罩</a>
                                <a href="#">伞</a>
                                <a href="#">体温计</a>
                                <a href="#">迷你风扇</a>
                                <a href="#">扇子</a>
                                <a href="#">挂钩</a>
                                <a href="#">干衣架</a>
                                <a href="#">肥皂架</a>
                                <a href="#">杯垫</a>
                                <a href="#">驱虫用品</a>
                            </li>
                            <li>
                                <h3>防护用品</h3>
                                <a href="">防护眼镜</a>
                                <a href="">口罩</a>
                            </li>
                            <li>
                                <h3>收纳</h3>
                                <a href="">家庭收纳</a>
                                <a href="">证照收纳</a>
                                <a href="">文件收纳</a>
                                <a href="">柜式收纳</a>
                            </li>
                            <li>
                                <h3>家务清洁</h3>
                                <a href="">除味用品</a>
                                <a href="">垃圾桶</a>
                                <a href="">垃圾袋</a>
                                <a href="">抹布/百洁布</a>
                                <a href="">清洁剂</a>
                                <a href="">围裙</a>
                            </li>
                            <li>
                                <h3>洗护清洁</h3>
                                <a href="">抽纸</a>
                                <a href="">卷纸</a>
                                <a href="">湿巾</a>
                                <a href="">衣物清洁</a>
                                <a href="">洗脸巾</a>
                                <a href="">洗手液</a>
                                <a href="">足浴饼</a>
                                <a href="">梳子</a>
                            </li>
                            <li>
                                <h3>家纺布艺</h3>
                                <a href="">床上用品</a>
                                <a href="">地毯/地垫</a>
                                <a href="">靠枕/抱枕</a>
                                <a href="">毛巾/浴巾/浴袍</a>
                            </li>
                            <li>
                                <h3>厨房/餐饮用品</h3>
                                <a href="">水具</a>
                                <a href="">茶具</a>
                                <a href="">酒具</a>
                                <a href="">餐具</a>
                                <a href="">烹饪用具</a>
                                <a href="">保鲜器具</a>
                                <a href="">一次性餐桌用品</a>
                            </li>
                            <li>
                                <h3>节庆用品/礼品</h3>
                                <a href="">红包/利是封</a>
                                <a href="">节庆用品</a>
                                <a href="">储蓄罐</a>
                                <a href="">创意礼盒</a>
                            </li>
                        </ul>
                    </div>
                    <div class="submenu">
                        <a href="#" class="submenu_title">家居/生活用品</a>
                        <ul>
                            <li>
                                <a href="#">居家日用</a>
                            </li>
                            <li>
                                <a href="#">餐饮用品</a>
                            </li>
                            <li>
                                <a href="#">家纺布艺</a>
                            </li>
                            <li>
                                <a href="#">日常收纳</a>
                            </li>
                        </ul>
                        <div class="direction"></div>
                    </div>
                </li>
                <li>
                    <div class="SecondaryMenu">
                        <ul>
                            <li>
                                <h3>阅读器</h3>
                                <a href="#">阅览器/电纸书</a>
                                <a href="#">阅读器保护套</a>
                            </li>
                            <li>
                                <h3>学习机</h3>
                                <a href="#">学习机</a>
                            </li>
                            <li>
                                <h3>电子词典</h3>
                            </li>
                            <li>
                                <h3>纸张本册</h3>
                                <a href="#">笔记本/记事本</a>
                                <a href="#">便签本/N次贴</a>
                                <a href="#">拍纸本/日程本</a>
                                <a href="#">信封</a>
                                <a href="#">奖状/证书</a>
                                <a href="#">复写纸</a>
                                <a href="#">分页/索引/标签</a>
                                <a href="#">明信片/卡片</a>
                                <a href="#">单词卡</a>
                                <a href="#">作业本</a>
                                <a href="#">手账本</a>
                            </li>
                            <li>
                                <h3>书写工具</h3>
                                <a href="#">中性笔</a>
                                <a href="#">钢笔</a>
                                <a href="#">铅笔/自动铅笔</a>
                                <a href="#">圆珠笔</a>
                                <a href="#">荧光笔</a>
                                <a href="#">记号笔</a>
                                <a href="#">笔用墨水</a>
                                <a href="#">铅笔芯</a>
                            </li>
                            <li>
                                <h3>书画工具</h3>
                                <a href="#">彩色铅笔</a>
                                <a href="#">勾线笔</a>
                                <a href="#">画材套装</a>
                                <a href="#">画图</a>
                                <a href="#">画纸</a>
                                <a href="#">蜡笔</a>
                                <a href="#">临摹桌</a>
                                <a href="#">毛笔</a>
                                <a href="#">水彩笔</a>
                                <a href="#">颜料</a>
                                <a href="#">砚台</a>
                                <a href="#">印章</a>
                                <a href="#">镇尺</a>
                                <a href="#">镇纸</a>
                                <a href="#">笔山/笔架</a>
                            </li>
                            <li>
                                <h3>日常学习用品</h3>
                                <a href="#">胶粘用品</a>
                                <a href="#">修正液/修正带</a>
                                <a href="#">握笔器</a>
                                <a href="#">桌面书架</a>
                                <a href="#">书签</a>
                                <a href="#">各类尺/三角板</a>
                                <a href="#">胶水/胶棒</a>
                                <a href="#">纸胶带</a>
                                <a href="#">卷笔刀/削笔器</a>
                                <a href="#">橡皮</a>
                                <a href="#">学生书包</a>
                                <a href="#">书立</a>
                                <a href="#">文具收纳</a>
                                <a href="#">其他学习用品</a>
                                <a href="#">手写板</a>
                                <a href="#">笔袋</a>
                                <a href="#">文具套装</a>
                            </li>
                            <li>
                                <h3>乐器</h3>
                                <a href="#">口琴</a>
                                <a href="#">架子鼓</a>
                                <a href="#">钢琴</a>
                            </li>
                        </ul>
                    </div>
                    <div class="submenu">
                        <a href="#" class="submenu_title">学习用品</a>
                        <ul>
                            <li>
                                <a href="#">纸本书册</a>
                            </li>
                            <li>
                                <a href="#">学习用品</a>
                            </li>
                            <li>
                                <a href="#">书写用具</a>
                            </li>
                            <li>
                                <a href="#">书画用具</a>
                            </li>
                        </ul>
                        <div class="direction"></div>
                    </div>
                </li>
                <li>
                    <div class="SecondaryMenu">
                        <ul>
                            <li>
                                <h3>相机/摄影机</h3>
                            </li>
                            <li>
                                <h3>电脑周边</h3>
                                <a href="#">电脑支架</a>
                                <a href="#">键盘</a>
                                <a href="#">麦克风/话筒</a>
                                <a href="#">鼠标</a>
                                <a href="#">鼠标垫</a>
                                <a href="#">电脑收纳包</a>
                            </li>
                            <li>
                                <h3>智能设备</h3>
                                <a href="#">翻译器</a>
                                <a href="#">智能机器人</a>
                                <a href="#">智能手表/手环</a>
                                <a href="#">智能书柜</a>
                            </li>
                            <li>
                                <h3>手机配件</h3>
                                <a href="#">充电器</a>
                                <a href="#">自拍杆/架</a>
                                <a href="#">手机支架</a>
                                <a href="#">指环扣</a>
                                <a href="#">手机保护壳/套</a>
                                <a href="#">手机扩音座</a>
                            </li>
                            <li>
                                <h3>存储设备</h3>
                                <a href="#">内存卡</a>
                                <a href="#">普通U盘</a>
                                <a href="#">手机U盘</a>
                                <a href="#">移动硬盘</a>
                            </li>
                            <li>
                                <h3>网络设备</h3>
                                <a href="#">普通路由器</a>
                            </li>
                            <li>
                                <h3>数码配件</h3>
                                <a href="#">移动电源</a>
                                <a href="#">收纳</a>
                                <a href="#">数码周边</a>
                            </li>
                            <li>
                                <h3>游戏/电玩</h3>
                                <a href="#">游戏手柄</a>
                            </li>
                        </ul>
                    </div>
                    <div class="submenu">
                        <a href="#" class="submenu_title">3C数码</a>
                        <ul>
                            <li>
                                <a href="#">生活电器</a>
                            </li>
                            <li>
                                <a href="#">厨房电器</a>
                            </li>
                            <li>
                                <a href="#">影音电器</a>
                            </li>
                            <li>
                                <a href="#">个人护理</a>
                            </li>
                        </ul>
                        <div class="direction"></div>
                    </div>
                </li>
                <li>
                    <div class="SecondaryMenu">
                        <ul>
                            <li>
                                <h3>童鞋/婴儿鞋</h3>
                            </li>
                            <li>
                                <h3>童装/婴儿装</h3>
                                <a href="#">儿童帽子</a>
                            </li>
                            <li>
                                <h3>奶粉/辅食</h3>
                            </li>
                            <li>
                                <h3>玩具</h3>
                                <a href="#">绘画类</a>
                                <a href="#">拼图</a>
                                <a href="#">桌游游戏/棋牌</a>
                                <a href="#">玩具挂图/认知卡</a>
                                <a href="#">拼插玩具/手工制作DIY</a>
                                <a href="#">解谜/魔方</a>
                                <a href="#">积木</a>
                                <a href="#">其他玩具</a>
                                <a href="#">儿童运动用品</a>
                                <a href="#">游乐设施</a>
                                <a href="#">户外玩具</a>
                                <a href="#">毛绒玩具</a>
                                <a href="#">八音盒/音乐盒</a>
                                <a href="#">鼓</a>
                                <a href="#">沙蛋/沙锤</a>
                                <a href="#">发光玩具</a>
                                <a href="#">遥控电动</a>
                                <a href="#">儿童相机</a>
                            </li>
                            <li>
                                <h3>盲盒/模型</h3>
                                <a href="#">盲盒</a>
                                <a href="#">手办/玩偶</a>
                                <a href="#">机械模型</a>
                            </li>
                            <li>
                                <h3>孕产用品/营养</h3>
                            </li>
                            <li>
                                <h3>婴童出行用品</h3>
                                <a href="#">防走失安全带</a>
                                <a href="#">小书包</a>
                            </li>
                            <li>
                                <h3>婴童生活用品</h3>
                                <a href="#">婴童餐具</a>
                                <a href="#">暖奶器</a>
                                <a href="#">儿童电动牙刷</a>
                                <a href="#">身高尺</a>
                                <a href="#">爬行垫</a>
                                <a href="#">儿童手表</a>
                            </li>
                        </ul>
                    </div>
                    <div class="submenu">
                        <a href="#" class="submenu_title">母婴/玩具</a>
                        <ul>
                            <li>
                                <a href="#">玩具</a>
                            </li>
                            <li>
                                <a href="#">盲盒</a>
                            </li>
                            <li>
                                <a href="#">婴童用品</a>
                            </li>
                        </ul>
                        <div class="direction"></div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="page_banner1"></div>
        <div class="page_banner2"></div>
        <div class="page_img">
            <a href="#"><img src="./images/hou_yan_jia.webp" alt=""></a>
        </div>
        <div class="page_banner3"></div>
    </div>
    <!-- 页面商品内容 -->
    <div class="page_commodity auto">
        <div class="page_commodity_head">
            <div class="page_commodity_title">
                <ul class="commodity_title fr">
                    <li style="border-bottom:2px solid; color: rgb(132, 104, 94);"><a href="#">好书推荐</a></li>
                    <li><a href="#">本周上新</a></li>
                    <li><a href="#">强国推荐</a></li>
                    <li><a href="#">品牌闪购</a></li>
                    <li><a href="#">文创爆品</a></li>
                </ul>
            </div>
            <div class="commodity">
                <div class="commodity_head">
                    <a href="./ItemDetails.html">
                        <div class="commodity_img">
                            <img src="https://ms.bdimg.com/dsp-image/4740780859.jpg" alt="">
                        </div>
                        <h2>给孩子讲莎士比亚（点读版 不含点读笔）</h2>
                        <p>
                            <span class="price">￥118</span>
                            <span class="price_">￥198</span>
                        </p>
                    </a>
                </div>
                <div class="commodity_head">
                    <a href="./ItemDetails.html">
                        <div class="commodity_img">
                            <img src="https://ms.bdimg.com/dsp-image/4755189784.jpg" alt="">
                        </div>
                        <h2>幼儿英语启蒙绘本（全80册）</h2>
                        <p>
                            <span class="price">￥119</span>
                            <span class="price_">￥336</span>
                        </p>
                    </a>
                </div>
                <div class="commodity_head">
                    <a href="./ItemDetails.html">
                        <div class="commodity_img">
                            <img src="http://img3m7.ddimg.cn/70/18/21035887-1_b_4.jpg" alt="">
                        </div>
                        <h2>中国共产党历史通识课</h2>
                        <p>
                            <span class="price">￥57</span>
                            <span class="price_">￥59.8</span>
                        </p>
                    </a>
                </div>
                <div class="commodity_head">
                    <a href="./ItemDetails.html">
                        <div class="commodity_img">
                            <img src="http://img3m6.ddimg.cn/75/14/28538706-1_b_3.jpg" alt="">
                        </div>
                        <h2>文学如何教育：人文视野下的文学教育</h2>
                        <p>
                            <span class="price">￥73</span>
                            <span class="price_">￥88</span>
                        </p>
                    </a>
                </div>
                <div class="commodity_head" style="margin-right: 0;">
                    <a href="./ItemDetails.html">
                        <div class="commodity_img">
                            <img src="http://img3m5.ddimg.cn/28/13/23526685-1_w_15.jpg" alt="">
                        </div>
                        <h2>你好，科学！（全6册）</h2>
                        <p>
                            <span class="price">￥79</span>
                            <span class="price_">￥178</span>
                        </p>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 主体商品 -->
    <div class="cont_title_img auto">
        <img src="./images/te_se.webp" alt="">
    </div>
    <div class="commodity_cont_top auto">
        <div class="cont_img fl">
            <a href="#">
                <img src="./images/zhong_ban.webp" alt="">
            </a>
        </div>
        <div class="cont_center fl">
            <div class="cont_center_commodity render_ts">
                <!-- <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img4.xinhuashudian.com/images/2021/06/03/a1c29d82-9fa4-4fc2-83df-cf1a96ad47e5.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>少年读诗经：足本风雅颂三卷套装</h2>
                        <p>
                            <span class="discount_price">￥59.80</span>
                            <span class="original_price">￥138.00</span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img3.xinhuashudian.com/images/2021/05/14/030fc162-3cff-410c-a710-03bf42772db2.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>故宫如梦</h2>
                        <p>
                            <span class="discount_price">￥43.80</span>
                            <span class="original_price">￥68.00</span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img7.xinhuashudian.com/images/2021/06/04/7b4ce4c5-9693-4c6f-a819-43fd7b448132.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>中国国家博物馆儿童历史百科绘本（全5册）</h2>
                        <p>
                            <span class="discount_price">￥89.80</span>
                            <span class="original_price">￥125.00</span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img2.xinhuashudian.com/images/2021/05/27/75daa045-c9b7-4453-98a5-827c94959efa.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>我们的父亲母亲</h2>
                        <p>
                            <span class="discount_price">￥47.80</span>
                            <span class="original_price">￥52.00</span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img5.xinhuashudian.com/images/2021/06/07/2d02d093-c9bc-4d28-aad8-353be2cc161e.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>古代名家小楷（灵飞经+王羲之王献之小楷+赵梦頫道德...）</h2>
                        <p>
                            <span class="discount_price">￥89.80</span>
                            <span class="original_price">￥200.00</span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img6.xinhuashudian.com/images/2021/05/27/f5a5f3ca-c9d5-4fea-adb6-a1c9b0ae2b08.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>绝非偶然：撬动星球头部效应（赠送定制笔记本）</h2>
                        <p>
                            <span class="discount_price">￥76.60</span>
                            <span class="original_price">￥88.00</span>
                        </p>           
                    </a>
                </div> -->
            </div>
        </div>
        <!-- 排行榜 -->
        <div class="Leaderboard fl">
            <div class="Leaderboard_img">
                <img src="./images/pai_hang.webp" alt="">
            </div>
            <div class="Leaderboard_manu renList_ts">
                <ul> 
                    <!-- <li class="active">
                    <div class="detail" style="display: block;">
                      <div class="img"><img src="https://img3.xinhuashudian.com/images/2021/05/31/312c412a-79ad-407b-a574-294000c81bf4.png?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p>司马迁</p></div>
                      <div class="price">
                        <p>
                            ￥380.00
                        </p>
                      </div>
                    </div>
                    <div class="ranking">1</div>
                    <p class="simple">白话全本史记：青少年彩绘版（全10册）</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img3.xinhuashudian.com/images/2021/05/21/a5206ba9-75b4-4ecf-8964-8f18ac09db68.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p>陈晓敏</p></div>
                      <div class="price">
                        <p>
                            ￥168.00
                        </p>
                      </div>
                    </div>
                      <div class="ranking">2</div>
                    <p class="simple">我们是历史：藏在国宝背后的故事（全4册）</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img8.xinhuashudian.com/images/2021/05/28/5a9bcc63-c51c-40d5-aa0f-ada610d227f7.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p>小牛顿科学教育有限公司</p></div>
                      <div class="price">
                        <p>
                            ￥318.00
                        </p>
                      </div>
                    </div>
                      <div class="ranking">3</div>
                    <p class="simple">小牛顿美术馆：名画中的科学（全6册）</p>
                  </li>
                  <li class="">
                      <div class="detail">
                        <div class="img"><img src="https://img3.xinhuashudian.com/images/2021/05/20/a622bb0c-5f20-42a2-8119-37d6692a19d2.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                        <div class="author"><p>[美] 理查德·波茨，克里斯托弗·斯隆 著，惠家明，刘洋，郭林 译</p></div>
                        <div class="price">
                          <p>
                              ￥128.00
                          </p>
                        </div>
                      </div>
                      <span class="index">4</span>
                      <p class="simple">国家地理人类进化史</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img5.xinhuashudian.com/images/2021/05/28/79800f6a-967d-4eb9-a41d-c8e7151bbe5b.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p>贺林</p></div>
                      <div class="price">
                        <p>
                            ￥128.00
                        </p>
                      </div>
                    </div>
                      <span class="index">5</span>
                    <p class="simple">资治通鉴中的历史课</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img8.xinhuashudian.com/images/2021/05/20/1d8ae914-e316-4123-bdba-ad7e405bd933.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p>(英)理查·亨布尔//贾桂琳·莫莉//史蒂芬·约翰逊//约翰·马拉姆//马克·伯金等</p></div>
                      <div class="price">
                        <p>
                            ￥268.00
                        </p>
                      </div>
                    </div>
                      <span class="index">6</span>
                    <p class="simple">藏在建筑里的世界史（全12册）</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img8.xinhuashudian.com/images/2021/05/21/fab66f87-b549-4899-9d20-833f77087957.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p>零壹快学</p></div>
                      <div class="price">
                        <p>
                            ￥88.00
                        </p>
                      </div>
                    </div>
                      <span class="index">7</span>
                    <p class="simple">基础操作办公技巧一本通6合1（Word/Excel/PPT/PS/移动办公/Windows）</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img3.xinhuashudian.com/images/2021/05/20/9dbeb758-a4d2-449a-a2e6-d21eebb38b8e.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p>商务国际辞书编辑部 编</p></div>
                      <div class="price">
                        <p>
                            ￥149.00
                        </p>
                      </div>
                    </div>
                      <span class="index">8</span>
                    <p class="simple">新课标小学生字典（全5册）</p>
                  </li>
                  <li class="" style="border-bottom: none;">
                    <div class="detail">
                      <div class="img"><img src="https://img5.xinhuashudian.com/images/2021/05/20/93271da1-2616-4e9d-917b-108c732c5ac3.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p>(奥)西格蒙德·弗洛伊德//(春秋)孔丘//(德)阿图尔·叔本华//(德)弗里德里希·尼采//(德)托马斯·厄·肯培</p></div>
                      <div class="price">
                        <p>
                            ￥1296.00
                        </p>
                      </div>
                    </div>
                      <span class="index">9</span>
                    <p class="simple">伟大的思想(全6辑共48册)</p>
                  </li> -->
                </ul>
            </div>
        </div>
    </div>
      <!-- 文创产品 -->
    <div class="cont_title_img auto">
        <img src="./images/wen_chuang.webp" alt="">
    </div>
    <div class="commodity_cont_top auto">
        <div class="cont_img fl">
            <a href="#">
                <img src="./images/xia_ri.webp" alt="">
            </a>
        </div>
        <div class="cont_center fl">
            <div class="cont_center_commodity render_wc">
                <!-- <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img2.xinhuashudian.com/images/2021/05/27/55742ac4-0425-4d44-8435-bbb64668181c.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>韵文博览 国潮貔貅鼠标垫</h2>
                        <p>
                            <span class="discount_price">￥50.00</span>
                            <span class="original_price">￥59.00</span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img5.xinhuashudian.com/images/2021/06/09/0049ebc6-36ad-4fbb-83ca-f126bd7e85cd.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>牛萌萌气冲天机器人</h2>
                        <p>
                            <span class="discount_price">￥129.80</span>
                            <span class="original_price">￥159.00</span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img2.xinhuashudian.com/images/2021/05/22/25d6509a-22cc-4b29-b406-3664c0d5f30b.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>香九吟团扇胸针项链</h2>
                        <p>
                            <span class="discount_price">￥69.80</span>
                            <span class="original_price">￥78.00</span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img9.xinhuashudian.com/images/2021/06/09/2691367f-dd2d-43a5-b3c6-ce7cbaa64718.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>国潮海浪-个人杯套装（带茶叶罐）</h2>
                        <p>
                            <span class="discount_price">￥139.80</span>
                            <span class="original_price">￥144.00</span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img2.xinhuashudian.com/images/2021/06/09/f008f433-61b2-404f-9d57-aba27d4036c9.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>BDuck小黄鸭儿童相机可拍照可打印数码相机</h2>
                        <p>
                            <span class="discount_price">￥479.80</span>
                            <span class="original_price">￥499.00</span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img5.xinhuashudian.com/images/2021/04/30/3d2e2d27-9e2a-4dbe-acfb-a6d70e8f10f7.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>烬如霜 创意雪花925银手链/项链</h2>
                        <p>
                            <span class="discount_price">￥99.60</span>
                        </p>           
                    </a>
                </div> -->
            </div>
        </div>
        <!-- 排行榜 -->
        <div class="Leaderboard fl">
            <div class="Leaderboard_img">
                <img src="./images/pai_hang.webp" alt="">
            </div>
            <div class="Leaderboard_manu renList_wc">
                <ul> 
                    <!-- <li class="active">
                    <div class="detail" style="display: block;">
                      <div class="img"><img src="https://img2.xinhuashudian.com/images/2021/06/02/8b657da1-7717-41e2-a7e8-df469c376b68.png?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p></p></div>
                      <div class="price">
                        <p>
                            ￥398.00
                        </p>
                      </div>
                    </div>
                    <div class="ranking">1</div>
                    <p class="simple">皮卡丘 负离子电吹风</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img6.xinhuashudian.com/images/2021/05/20/4c38278a-7aa8-4e0c-89d6-1a2787504f5d.png?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p></p></div>
                      <div class="price">
                        <p>
                            ￥197.00
                        </p>
                      </div>
                    </div>
                      <div class="ranking">2</div>
                    <p class="simple">国潮江湖-便携收纳茶具套装：茶壶*1+茶海*1+茶杯*2+旅行包+彩盒+手提袋（选配）</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img5.xinhuashudian.com/images/2021/06/04/ff9bbbc5-995f-4b0d-846b-16591cb3fb86.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p>小牛顿科学教育有限公司</p></div>
                      <div class="price">
                        <p>
                            ￥260.00
                        </p>
                      </div>
                    </div>
                      <div class="ranking">3</div>
                    <p class="simple">国潮复古江湖大茶叶罐2个装</p>
                  </li>
                  <li class="">
                      <div class="detail">
                        <div class="img"><img src="https://img4.xinhuashudian.com/images/2021/06/02/add1bb82-ff3d-46f3-8b95-58b602b421c6.png?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                        <div class="author"><p></p></div>
                        <div class="price">
                          <p>
                            ￥158.00
                          </p>
                        </div>
                      </div>
                      <span class="index">4</span>
                      <p class="simple">新剪纸国潮风 桌旗</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img3.xinhuashudian.com/images/2021/06/02/7bebe6ec-ee40-4abc-bff6-9851fd207a3d.png?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p></p></div>
                      <div class="price">
                        <p>
                            ￥128.00
                        </p>
                      </div>
                    </div>
                      <span class="index">5</span>
                    <p class="simple">古法非遗制香 满庭芳·香薰蜡片单片装</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img3.xinhuashudian.com/images/2021/06/02/0b4d7899-a32a-4e83-aa0f-7c6955d89760.png?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p>(英)理查·亨布尔//贾桂琳·莫莉//史蒂芬·约翰逊//约翰·马拉姆//马克·伯金等</p></div>
                      <div class="price">
                        <p>
                            ￥128.00
                        </p>
                      </div>
                    </div>
                      <span class="index">6</span>
                    <p class="simple">畅春御色 国潮三合一数据线</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img8.xinhuashudian.com/images/2021/06/02/ed9fde1b-fae0-4093-a4fe-de42fa257f5a.png?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p></p></div>
                      <div class="price">
                        <p>
                            ￥383.00
                        </p>
                      </div>
                    </div>
                      <span class="index">7</span>
                    <p class="simple">国潮计划 转造新声 AI智能礼盒</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img5.xinhuashudian.com/images/2021/06/02/cb88c536-185f-42a7-8438-c57ffd7d55c5.png?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p></p></div>
                      <div class="price">
                        <p>
                            ￥699.00
                        </p>
                      </div>
                    </div>
                      <span class="index">8</span>
                    <p class="simple">搜狗糖猫儿童电话手表T10 4G全网通视频通话双摄拍照防水多重定位</p>
                  </li>
                  <li class="" style="border-bottom: none;">
                    <div class="detail">
                      <div class="img"><img src="https://img2.xinhuashudian.com/images/2021/06/02/761e00cf-c709-492c-98f6-47a38845db24.png?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p></p></div>
                      <div class="price">
                        <p>
                            ￥178.00
                        </p>
                      </div>
                    </div>
                      <span class="index">9</span>
                    <p class="simple">艺术油画系列 印花晴雨伞</p>
                  </li> -->
                </ul>
            </div>
        </div>
    </div>
    <!-- 惠农食品 -->
    <div class="cont_title_img auto">
        <img src="./images/hui_nong.webp" alt="">
    </div>
    <div class="commodity_cont_top auto">
        <div class="cont_img fl">
            <a href="#">
                <img src="./images/bi_tun.webp" alt="">
            </a>
        </div>
        <div class="cont_center fl">
            <div class="cont_center_commodity render_hn">
                <!-- <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img3.xinhuashudian.com/images/2021/05/10/56d59665-428c-4f4f-b12e-13546fa2c757.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>【赠100g绿茶蛋卷】100g天府龙芽 金骏眉红茶 特级茶叶金黄芽醇香型</h2>
                        <p>
                            <span class="discount_price">￥87.80</span>
                            <span class="original_price">￥88.00</span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img8.xinhuashudian.com/images/2021/06/01/51bf2a36-c302-434f-b96d-a4a8ff0cf244.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>四川天府龙芽茉莉花茶熊猫款100g</h2>
                        <p>
                            <span class="discount_price">￥87.80</span>
                            <span class="original_price">￥88.00</span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img5.xinhuashudian.com/images/2021/06/01/6c8d5f7b-3a8c-4603-83e0-36f37acb0d0c.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>糙米大匠糙米粽礼盒大顺款</h2>
                        <p>
                            <span class="discount_price">￥218.80</span>
                            <span class="original_price">￥299.00</span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img6.xinhuashudian.com/images/2021/06/01/4511c914-b60d-4f9a-a9f7-f44bf11cfae1.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>黑龙江30日杂粮粥3000g箱装</h2>
                        <p>
                            <span class="discount_price">￥125.80</span>
                            <span class="original_price">￥128.00</span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img8.xinhuashudian.com/images/2021/05/19/cd9c0dbf-68b6-4bfa-a951-564b9287fc03.png?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>中茶 2020年号级茶 普洱生茶 红标班章云南普洱茶生茶饼380g/片</h2>
                        <p>
                            <span class="discount_price">￥1642.80</span>
                            <span class="original_price">￥3980.00</span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img6.xinhuashudian.com/images/2021/06/01/27d93508-42a8-498d-a30f-b1f97713bc15.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>CTN中茶牌小青柑两袋装180g</h2>
                        <p>
                            <span class="discount_price">￥129.60</span>
                            <span class="original_price">￥136.00</span>
                        </p>           
                    </a>
                </div> -->
            </div>
        </div>
        <!-- 排行榜 -->
        <div class="Leaderboard fl">
            <div class="Leaderboard_img">
                <img src="./images/pai_hang.webp" alt="">
            </div>
            <div class="Leaderboard_manu renList_hn">
                <ul> 
                    <!-- <li class="active">
                    <div class="detail" style="display: block;">
                      <div class="img"><img src="https://img9.xinhuashudian.com/images/2021/05/12/ad0fd6e9-2831-4c91-b873-f7e2c52a4ab9.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p></p></div>
                      <div class="price">
                        <p>
                            ￥98.00
                        </p>
                      </div>
                    </div>
                    <div class="ranking">1</div>
                    <p class="simple">四川叙府香雪茉莉花茶125克（买一赠一）</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img7.xinhuashudian.com/images/2021/05/10/95300393-7bb4-4f42-a6d4-55a72d8a7434.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p></p></div>
                      <div class="price">
                        <p>
                            ￥68.00
                        </p>
                      </div>
                    </div>
                      <div class="ranking">2</div>
                    <p class="simple">【赠150g花生酥】100g碧螺春明前绿茶四川高山绿茶日照茗茶</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img3.xinhuashudian.com/images/2021/05/14/060366e4-c291-4b0a-8a05-8335378414de.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p></p></div>
                      <div class="price">
                        <p>
                            ￥198.00
                        </p>
                      </div>
                    </div>
                      <div class="ranking">3</div>
                    <p class="simple">贵州铜仁中国红225克礼盒</p>
                  </li>
                  <li class="">
                      <div class="detail">
                        <div class="img"><img src="https://img8.xinhuashudian.com/images/2021/05/14/83764579-eee2-47dc-997e-b7b491c15e9f.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                        <div class="author"><p></p></div>
                        <div class="price">
                          <p>
                            ￥198.00
                          </p>
                        </div>
                      </div>
                      <span class="index">4</span>
                      <p class="simple">贵州铜仁中国梦225克礼盒</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img7.xinhuashudian.com/images/2021/05/17/c7405906-38dc-4a70-b19d-7067c895483b.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p>贺林</p></div>
                      <div class="price">
                        <p>
                            ￥68.80
                        </p>
                      </div>
                    </div>
                      <span class="index">5</span>
                    <p class="simple">福临门三江家宴米5千克（充气）</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img4.xinhuashudian.com/images/2021/05/17/f456eca3-12ea-450c-8df5-ba406d3038ff.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p></p></div>
                      <div class="price">
                        <p>
                            ￥59.40
                        </p>
                      </div>
                    </div>
                      <span class="index">6</span>
                    <p class="simple">兵团大地女人香葡萄干120g*6</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img9.xinhuashudian.com/images/2021/05/18/6fd17490-81c9-4d65-84a5-3729ae268d64.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p></p></div>
                      <div class="price">
                        <p>
                            ￥35.80
                        </p>
                      </div>
                    </div>
                      <span class="index">7</span>
                    <p class="simple">新疆兵团大地新疆灰枣六星500克</p>
                  </li>
                  <li class="">
                    <div class="detail">
                      <div class="img"><img src="https://img2.xinhuashudian.com/images/2021/05/07/0e2abd4d-d1f1-4f01-bc72-10c9edd69ae1.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p></p></div>
                      <div class="price">
                        <p>
                            ￥208.00
                        </p>
                      </div>
                    </div>
                      <span class="index">8</span>
                    <p class="simple">韵文博鉴×恭王府 端午粽子礼盒</p>
                  </li>
                  <li class="" style="border-bottom: none;">
                    <div class="detail">
                      <div class="img"><img src="https://img4.xinhuashudian.com/images/2021/05/19/9f4ccdad-7ae4-4d25-a242-b8ddec74648b.jpg?x-oss-process=image/resize,m_mfit,h_62,w_62" alt=""></div>
                      <div class="author"><p></p></div>
                      <div class="price">
                        <p>
                            ￥68.00
                        </p>
                      </div>
                    </div>
                      <span class="index">9</span>
                    <p class="simple">CTN 中茶一级金骏眉（红罐）/100g/罐</p>
                  </li> -->
                </ul>
            </div>
        </div>
    </div>
    <!-- 发现值得买 -->
    <div class="cont_title_img auto">
        <img src="./images/zhi_de.webp" alt="">
    </div>
    <div class="commodity_cont_top auto">
        <div class="cont_center">
            <div class="cont_center_commodity render_foot" style="width: 100%;">
                <!-- <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img6.xinhuashudian.com/images/2020/11/04/0a015391-b71c-40ee-95cc-6876c1d12891.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>新华书店独家定制 20寸框体旅行箱 新华红色</h2>
                        <p>
                            <span class="discount_price">￥1196.00</span>
                            <span class="original_price"></span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img4.xinhuashudian.com/images/2021/04/23/93bc2c43-a711-45b8-a063-a23ed613af5a.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>第十四届全国运动会纪念卡（套卡）</h2>
                        <p>
                            <span class="discount_price">￥138.00</span>
                            <span class="original_price"></span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img2.xinhuashudian.com/sc/1971/1202221971_0_0_800x800.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>李白诗选</h2>
                        <p>
                            <span class="discount_price">￥32.00</span>
                            <span class="original_price"></span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img7.xinhuashudian.com/images/2020/11/03/cd5331f1-f677-41b4-96c3-a5578b9e8961.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>新华净皮宣纸</h2>
                        <p>
                            <span class="discount_price">￥268.00</span>
                            <span class="original_price"></span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img6.xinhuashudian.com/sc/2179/1202292179_0_0_original_800x800.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>一起去地下</h2>
                        <p>
                            <span class="discount_price">￥46.55</span>
                            <span class="original_price"></span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img7.xinhuashudian.com/images/2021/03/25/5a621bf7-b4a6-49cc-ae4b-fd2020825b77.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>在龙华跳舞的两个原则</h2>
                        <p>
                            <span class="discount_price">￥36.00</span>
                            <span class="original_price"></span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img9.xinhuashudian.com/sc/2178/1202292178_0_0_original_800x800.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>一起去森林</h2>
                        <p>
                            <span class="discount_price">￥49.00</span>
                            <span class="original_price"></span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img3.xinhuashudian.com/images/2021/01/28/af662d85-892f-45c5-9b11-37249eefa64e.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>【重磅新书】【诗中有画，画中有声，让童真与诗意美好相遇】童年四季古诗词（全4册）</h2>
                        <p>
                            <span class="discount_price">￥218.00</span>
                            <span class="original_price"></span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img2.xinhuashudian.com/images/2020/06/02/8891cc2c-0d99-4f3f-b45d-315cdd70fd3e.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>皇室军刀背包SA-9920</h2>
                        <p>
                            <span class="discount_price">￥169.00</span>
                            <span class="original_price"></span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img9.xinhuashudian.com/sc/9786/1202339786_0_0_original_800x800.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>郭沫若译选</h2>
                        <p>
                            <span class="discount_price">￥56.00</span>
                            <span class="original_price"></span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img3.xinhuashudian.com/images/2021/02/19/a540a119-fb6b-4044-838b-266b5f54c8ba.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>【领导干部案头必备】2020全球战疫大启示--公共危机治理36策</h2>
                        <p>
                            <span class="discount_price">￥68.00</span>
                            <span class="original_price"></span>
                        </p>           
                    </a>
                </div>
                <div class="product_itme">
                    <a href="#">
                        <div class="product_itme_img">
                            <img src="https://img9.xinhuashudian.com/images/2020/07/03/12e0a158-4302-401b-a007-ca203a5f84ba.jpg?x-oss-process=image/resize,m_mfit,h_160,w_160" alt="">
                        </div>
                        <h2>【3本套】论语+大学+中庸—中华传统文化核心读本</h2>
                        <p>
                            <span class="discount_price">￥109.40</span>
                            <span class="original_price"></span>
                        </p>           
                    </a>
                </div> -->
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footerBox"></div>
    <script>
        
        $(".footerBox").load("http://localhost:3000/public/header.html .ly_footer")

    </script>
</body>
<script src="./libs/jquery.js"></script>
<script src="./libs/ajax.js"></script>
<script src="./js/Homepage.js"></script>
<script>
    // 轮播图
    const imgJson1 = [{src:"./images/banner1.png"},{src:"./images/banner2.png"},{src:"./images/banner3.png"},{src:"./images/banner4.png"},{src:"./images/banner5.png"},{src:"./images/banner6.png"}];
    $(".page_banner1").banner({
        itmes:imgJson1,
        btns:true,
        list:true,
        autoPlay:true,
        delayTime:5000,
        moveTime:300,
        index:0,
        prev_text:"&#xe60e;",
        next_text:"&#xe62e;",
        currentList:"activeM"
    })
    const imgJson2 = [{src:"./images/images2-1.png"},{src:"./images/images2-2.png"},{src:"./images/images2-3.png"},{src:"./images/images2-4.png"}];
    $(".page_banner2").banner({
        itmes:imgJson2,
        btn:true,
        list:false,
        autoPlay:true,
        delayTime:4000,
        moveTime:300,
        index:0,
        prev_text:"&#xe60e;",
        next_text:"&#xe62e;",
        currentList:"activeM"
    })
    const imgJson3 = [{src:"./images/images3-1.png"},{src:"./images/images3-2.png"},{src:"./images/images3-3.png"},{src:"./images/images3-4.png"}];
    $(".page_banner3").banner({
        itmes:imgJson3,
        btn:true,
        list:false,
        autoPlay:true,
        delayTime:4500,
        moveTime:300,
        index:0,
        prev_text:"&#xe60e;",
        next_text:"&#xe62e;",
        currentList:"activeM"
    })
</script>
</html>